<template>
<div class="b9_enjoy web-font">
    <div><img src="../assets/img/enjoy2.png" /></div>
	<div>
		<div class="page_sign">
	         	<p>首頁 >  <span style="color: black;">優享禮遇</span></p>
	    </div>
	    <div>
	    	<el-row>
	    		<el-col :lg="14" :sm="12" :xs="24"><img src="../assets/img/enjoy1.png" /></el-col>
	    		<el-col :lg="10" :sm="24" :xs="24">
	    			<div style="padding-left: 20px;">
	    				<el-row>
	    					<el-col :lg="24" :sm="12">
		    					<h2 style="margin: 0;">明星體驗裝包含：</h2>
		    					<p style="font-size: 14px;color: #080808; line-height: 30px;"> 邦9漱口水 10ml<br /> 邦9緊致精華液 2ml<br /> 邦9白藜芦醇紧致提升晚霜 2ml <br />邦9赋颜肌活夜间护理油 1ml<br /> 邦9臻美亮白精华液1ml</p>
		    				</el-col>
		    				<el-col :lg="24" :sm="12">
		    					<p style="font-size: 12px;color: #4D4D4D;">  
			    				       邦9缓保湿水凝霜水乳质地，在与肌肤接触后可转化成水分吸收，为肌肤带来舒缓、保湿肌肤的功效。
			    					邦9舒缓保湿精华液蕴含葡萄水和红酒酵母，
			    					为各种类型的肌肤补充水分，令肌肤得到舒缓和保湿;葡萄籽提取物有助于提亮肤色。<br /><br />
			    					
			    				</p>
			    				<p style="font-size: 12px;color: #4D4D4D;">仅需在线支付10元，即刻臻享口碑明星产品体验之旅</p>
			    				<p style="font-size: 12px;color: #ABABAB;">
			    					 活动说明:<br />
								      1试用申领不接受退货退款。<br />
								      2每人每月限领一次，数量有限领完即止。<br />
								      3图片仅供参考，产品以实物为准。<br />
								      4试用产品不可开具发票。
			    				</p>
		    				</el-col>
	    				
	    				</el-row>
	    			</div>
	    		</el-col>
	    	</el-row>
	    	<hr style="margin-top: 40px;" width="100%" size="1" color="#000000"  />
	    	<div>
	    		<h2>請寫下您的評論：</h2>
	    		<div>
	    			<label>您的评级:</label>
	    			<el-rate
					  v-model="value3"
					  :colors="['#000000', '#000000', '#000000']"
					  show-text>
					</el-rate>
	    		</div>
	    		<div class="form_info">
		    		<el-row :gutter="40">
		    			<el-col :lg="7" :sm="7" :xs="12">
		    				<div>
		    					<span>郵箱*</span><br />
		    					<input />
		    				</div>
		    				<div>
		    					<span>姓名*</span><br />
		    					<input />
		    				</div>
		    				<div>
		    					<span>您是*</span><br />
		    					<input />
		    				</div>
		    				<div>
		    					<span>您的膚質**</span><br />
		    					<input />
		    				</div>
		    			</el-col>
		    			<el-col :lg="7" :sm="7" :xs="12">
		    				<div>
		    					<span>標題*</span><br />
		    					<input />
		    				</div>
		    				<div>
		    					<span>電話*</span><br />
		    					<input />
		    				</div>
		    				<div>
		    					<span>您的年龄*</span><br />
		    					<input />
		    				</div>
		    			</el-col>
		    			<el-col :lg="10" :sm="10" :xs="24">
		    				<span>您的意見*</span><br />
		    					 <textarea></textarea>
		    			</el-col>
		    		</el-row>
	    		</div>
	    	</div>
	    	
	    </div>
	</div>
</div>
</template>

<script>
	import 'element-ui/lib/theme-chalk/display.css';
	export default {
	  	name:'Benjoy',
	  	mounted(){
	  		this.tableData()
	    },
	    data(){
	    	return {
	    		msg:1,
	    		value3: null
	    	}
	    },
	    methods:{
	    	tableData(){
	    		let self = this;
				this.msg="7";
	    	}
	    }
	}
</script>

<style>
	.form_info textarea{
		width: 100%;
		height: 250px;
	}
	.form_info span{
		font-size: 14px;
		color: #080808;
		display: inline-block;
		margin-top:15px;
		margin-bottom: 10px;
	}
	.form_info  input{
		width: 100%;
		height: 25px;
	}
	.form_info{
		margin-top: 20px;
	}
	.el-rate{
		display: inline-block;
	}
.b9_enjoy{
	width: 70%;
	margin-left: 15%;
}
.b9_enjoy img{
	width: 100%;
}
.b9_enjoy .page_sign{
	color: #959595;
		font-size: 12px;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 40px;
}
</style>